// 可以省略.js  但是不能省略 index.js
// 导入的路径中不可以使用/   (/ => miniprogram)
// import { toast } from '../../utils/index'
// 结论: 导入路径中必须使用相对路径, 也只能省略.js 后缀名

// import http from '../../utils/http' // 临时

Page({
  fn2(e) {
    console.log(e.detail)
  },

  test() {
    wx.toast('哈哈哈')
    wx.toast('嘻嘻嘻')
  },

  fn3() {
    this.setData({ flag2: false })
  },

  data: {
    list: [],
    timeObj: {},
    flag: true,
    flag2: false,

    // 地图所需要的标记信息
    markers: [
      // 每个标记都是一个对象  得有 宽 高  id 经 纬度
      {
        id: 1,
        width: 20,
        height: 30,
        latitude: 31.036568,
        longitude: 121.593661,
      },
      // 黑马
      {
        id: 2,
        width: 20,
        height: 30,
        latitude: 31.034871,
        longitude: 121.612067,
      },
      {
        id: 3,
        width: 40,
        height: 40,
        latitude: 31.035065,
        longitude: 121.595913,
        iconPath: '/static/images/marker.png', // 额外提供标记的图片信息
      },
    ],
  },

  onChange(e) {
    // console.log(e.detail)
    this.setData({
      timeObj: e.detail,
      flag: e.detail.seconds === 0 ? true : false,
    })
  },

  fn() {
    this.setData({ flag: false })
  },

  async onLoad() {
    // 测试提示函数
    // 1.利用 app 共享函数
    // getApp().toast()
    // getApp().toast('哈哈哈')

    // 2.直接导入封装好的函数
    // toast()
    // toast('嘻嘻嘻')

    // 3. 直接利用全局对象 wx
    // console.log(wx.num, wx.toast)
    // wx.toast()
    // wx.toast('hahah')

    // 测试请求函数
    // 使用姿势和 axios 一样
    // http({
    //   method: 'get',
    //   url: '/announcement',
    // }).then((res) => {
    //   console.log(res)
    // })

    /* 
      请求成功200 操作失败 不是 10000 => 响应拦截器
      请求成功200 操作成功10000
    */
    const { code, data } = await wx.http({
      method: 'get',
      url: '/announcement',
    })

    if (code !== 10000) return wx.toast() // 手动判断一下

    this.setData({ list: data })
  },
})
